.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

.yej-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    .px2rem(height, 375);
    background-color: #ededed;
    .yej-ms {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid #d5d5d5;
        .px2rem(height,98);
        .px2rem(padding-right, 20);
        .px2rem(padding-left, 20);
        p{
            .px2rem(font-size,32);
            color: #8d8d8d;
        }
        #div1 {
            .px2rem(width, 91);
            .px2rem(height, 46);
            .px2rem(border-radius, 30);
            position: relative;
        }
        #div2 {
            .px2rem(width, 36);
            .px2rem(height, 36);
            .px2rem(border-radius, 36);
            .px2rem(line-height, 36);
            position: absolute;
            .px2rem(top, 3);
            .px2rem(bottom, 3);
            background: white;
//            box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
        }
        .open1 {
            background: rgba(0, 184, 0, 0.8);
        }
        .open2 {
            top: 2px;
            right: 1px;
        }
        .close1 {
            background: rgba(255, 255, 255, 0.4);
            border: 3px solid rgba(0, 0, 0, 0.15);
            border-left: transparent;
            
        }
        .close2 {
            .px2rem(top, 3);
            .px2rem(bottom, 3);
            border: 2px solid rgba(0, 0, 0, 0.1);
        }
    }
    .yej-fs{
        .px2rem(height,260);
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}
